<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
    request.setAttribute("contextPath", request.getContextPath());
%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>慧驾书城后台管理系统</title>
<meta name="查看port" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">

<!-- Bootstrap style -->
<link id="callCss" rel="stylesheet"
	href="${contextPath }/themes/bootshop/bootstrap.min.css" media="screen" />
<link href="${contextPath }/themes/css/base.css" rel="stylesheet"
	media="screen" />
<!-- Bootstrap style responsive -->
<link href="${contextPath }/themes/css/bootstrap-responsive.min.css"
	rel="stylesheet" />
<link href="${contextPath }/themes/css/font-awesome.css"
	rel="stylesheet" type="text/css">
<!-- Google-code-prettify -->
<link href="${contextPath }/themes/js/google-code-prettify/prettify.css"
	rel="stylesheet" />
<!-- fav and touch icons -->
<link rel="shortcut icon" href="themes/images/ico/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144"
	href="${contextPath }/themes/images/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114"
	href="${contextPath }/themes/images/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72"
	href="${contextPath }/themes/images/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed"
	href="${contextPath }/themes/images/ico/apple-touch-icon-57-precomposed.png">
<style type="text/css" id="enject"></style>
</head>
<body>
	<div id="header">
		<div class="container">
			<div id="welcomeLine" class="row">
				<div class="span6">
					<c:if test="${not empty ADMIN_USER_KEY_IN_SESSION }">
						<p>尊敬的 ${adminRoleName} <font color=blue><b>${ADMIN_USER_KEY_IN_SESSION.userName }</b></font> 欢迎您!
						<strong><a href="${contextPath }/admin/adminlogout" />登出</a></strong></p>
					</c:if>

				</div>
			</div>
			<!-- Navbar ================================================== -->
			<div id="logoArea" class="navbar">
				<a id="smallScreen" data-target="#topMenu" data-toggle="collapse"
					class="btn btn-navbar"> <span class="icon-bar"></span> <span
					class="icon-bar"></span> <span class="icon-bar"></span>
				</a>
				<div class="navbar-inner">
					<a class="brand" href="${contextPath }/index"><img
						src="${contextPath }/themes/images/logo.png" alt="Bootsshop" /></a>

					<h2>
						<font color=white>慧驾书城后台管理系统</font>
					</h2>
				</div>
			</div>


			<div class="navbar">
				<div class="navbar-inner">
					<div class="container">
						<a class="btn btn-navbar" data-toggle="collapse"
							data-target=".nav-collapse"> <span class="icon-bar"></span> <span
							class="icon-bar"></span> <span class="icon-bar"></span>
						</a>
 						<a class="brand" href="${contextPath }/admin">慧驾书城管理主页</a>
						<div class="nav-collapse">
							<ul class="nav">
								<li><a href="${contextPath }/admin/book/booklist">所有图书</a></li>
								<li><a href="${contextPath }/admin/book/categorylist">类目列表</a></li>
								<li class="active"><a href="#">特价书列表</a></li>
								<li class="dropdown"><a href="#" class="dropdown-toggle"
									data-toggle="dropdown">图书操作 <b class="caret"></b></a>
									<ul class="dropdown-menu">
										<li><a href="${contextPath }/admin/book/addbook">添加图书</a></li>

									</ul></li>
							</ul>

						</div>
						<!-- /.nav-collapse -->
					</div>
				</div>
				<!-- /navbar-inner -->
			</div>
			<!-- /navbar -->

		</div>
	</div>
	<!-- Header End====================================================================== -->

	<div id="mainBody">
		<div class="container">
			<div class="row">
				<!-- Sidebar ================================================== -->

				<!-- Sidebar end=============================================== -->



				<div class="span12">

					<h3 align="center" >特价书列表</h3>
					<ul class="thumbnails">

						<c:forEach items="${specials }" var="b">

							<li class="span3">
								<div class="thumbnail">
									<p>
										<b>特价书序号ID：${b.book_id }</b>
									</p>
									<a href="${contextPath }/book1/${b.book_id}"><img
										src="${contextPath }/themes/images/products/11.jpg" alt="" /></a>
									<div class="caption">

										<table class="table table-bordered" style="font-size: 12px;">
											<tbody>
												<tr class="techSpecRow">
													<th colspan="2">特价书信息</th>
												</tr>
												<tr class="techSpecRow">
													<td class="techSpecTD1">图书名字</td>
													<td class="techSpecTD2">${b.book_name }</td>
												</tr>
												<tr class="techSpecRow">
													<td class="techSpecTD1">图书作者</td>
													<td class="techSpecTD2">${b.book_author }</td>
												</tr>
												<tr class="techSpecRow">
													<td class="techSpecTD1">存货数量</td>
													<td class="techSpecTD2">${b.book_stock_number }</td>
												</tr>
												<tr class="techSpecRow">
													<td class="techSpecTD1">书本原价：</td>
													<td class="techSpecTD2">${b.book_price }</td>
												</tr>
												<tr class="techSpecRow">
													<td class="techSpecTD1"><font color=red>书本特价：</font></td>
													<td class="techSpecTD2"><font color=red>${b.special_price }</font></td>
												</tr>
											</tbody>
										</table>

										<a class="btn btn-danger" href="${contextPath }/admin/book/specialslist/delete/${b.special_id }">删除</a>
										
									</div>
								</div>
							</li>

						</c:forEach>


					</ul>

				</div>
			</div>
		</div>
	</div>
	<!-- Footer ================================================================== -->
	<div id="footerSection">
		<div class="container">

			<p class="pull-right">&copy; 慧驾书城</p>
		</div>
		<!-- Container End -->
	</div>
	<!-- Placed at the end of the document so the pages load faster ============================================= -->
	<script src="${contextPath }/themes/js/jquery.js"
		type="text/javascript"></script>
	<script src="${contextPath }/themes/js/bootstrap.min.js"
		type="text/javascript"></script>
	<script
		src="${contextPath }/themes/js/google-code-prettify/prettify.js"></script>

	<script src="${contextPath }/themes/js/bootshop.js"></script>
	<script src="${contextPath }/themes/js/jquery.lightbox-0.5.js"></script>

	<span id="themesBtn"></span>
</body>
</html>